<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>常用标签</title>
	</head>
	<body>
		<!--
		常用标签：
			1.链接标签：a
					属性href(指向链接地址)>链接到网页，链接到html页面，#空连接，锚点链接。
					target属性(打开链接方式)>_self(在当前窗口打开)_blank(在新的窗口打开)
			2.图片标签：img
				src:图片源
				alt:图片加载出错的提示
				width:宽
				height:高
			3.列表标签：
				有序标签：ol>li
				无序标签：ul>li
				自定义标签：dl>dt>dd
			4.表格标签：table
				thead:表头部分
				tbody:数据部分
				tr:tbale row 行
				th:表头
				td:table data数据单元格
				属性：
				border:边框
				cellpadding:数据单元格之间的距离
				cellpadding:数据单元格的填充
				-->
				<table border="1"  cellspacing="0" cellpadding="20"
					<thead>
						<tr>
							<th>姓名</th>
							<th>性别</th>
							<th>班级</th>
						</tr>
					</thead>
					<tbody>
						<!--第一行数据-->
						<tr>
							<th>李四</th>
							<th>男</th>
							<th>计算机四班</th>
						</tr>
						<!--第二行数据-->
						<tr>
							<th>jane</th>
							<th>女</th>
							<th>计算机四班</th>
						</tr>
					</tbody>
				</table>
	<!--
	span标签
	表单标签：form
		1.form标签中的所有内容属于一张表单
		2.input:输入标签，单标签
		  type:类型
				text:文本输入(明文输入)
					placeholder:提示
				password:掩码输入(密码)
				radio:单选
				name:标签名
				file:上传文件
				date：日期选择
				button：按钮
				value：值
		-->
		<form>
			
			<span>用户名：</span><input  type="text" placeholder="请输入请输入用户名"/>
			<br />
			<span>密码：</span><input  type="password" placeholder="请输入密码"/>
			<br />
			<span>性别：</span><input type="radio" name="yse"/><span>男</span>
								<input type="radio" name="yse"/><span>女</span>
								<input type="radio" name="yse"/><span>其他</span>
			<br />
			<span>个性化定制：</span><input type="checkbox" name="gxh"/><span>emo</span>
									<input type="checkbox" name="gxh"/><span>小清新</span>
									<input type="checkbox" name="gxh"/><span>音乐</span>
			<br />
			<span>上传文件：</span><input type ="file"/>
			<br />
			<span>日期选择</span><input type="date"/>
			<br />
			<input type="text" placeholder="请输入验证码"/><input type="button" vable="点击发送验证码"/>
			<br />
			<input type="reset"/>			<!--重置按钮-->
			<input type="submit" value="注册"/>	<!--提交按钮-->
			<br />
			<span>科目：</span>
			<select><!--选择表单控件-->
				<option>大学英语</option>		<!--选择项--->
				<option>高数</option>
				<option>前端开发</option>
			</select>
			<br />
			<span>描述：</span>
			<textarea></textarea>			<!--文本域--><!--即对科目所选做补充-->
		</form>
	</body>
</html>
